<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>list</title>
<meta name="keywords" content="">
<meta name="description" content="">
	<link rel="stylesheet" type="text/css" href="http://192.168.112.141/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="http://192.168.112.141/css/nprogress.css">
	<link rel="stylesheet" type="text/css" href="http://192.168.112.141/css/style.css">
	<link rel="stylesheet" type="text/css" href="http://192.168.112.141/css/font-awesome.min.css">
	<link rel="apple-touch-icon-precomposed" href="http://192.168.112.141/images/icon.png">
	<link rel="shortcut icon" href="http://192.168.112.141/images/favicon.ico">
	<script src="http://192.168.112.141/js/jquery-2.1.4.min.js"></script>
	<script src="http://192.168.112.141/js/nprogress.js"></script>
	<!--
    <script src="http://192.168.112.141/js/jquery.lazyload.min.js"></script>
    -->
	<!--[if gte IE 9]>
	<script src="http://192.168.112.141/js/jquery-1.11.1.min.js" type="text/javascript"></script>
	<script src="http://192.168.112.141/js/html5shiv.min.js" type="text/javascript"></script>
	<script src="http://192.168.112.141/js/respond.min.js" type="text/javascript"></script>
	<script src="http://192.168.112.141/js/selectivizr-min.js" type="text/javascript"></script>
	<![endif]-->
	<!--[if lt IE 9]>
	<script>window.location.href='upgrade-browser.html';</script>
	<![endif]-->
</head>
<body class="user-select">
	<header class="header">
		<nav class="navbar navbar-default" id="navbar">
			<div class="container">
				<div class="header-topbar hidden-xs link-border">
					<ul class="site-nav topmenu">
						<li><a href="#">登录</a></li>
						<li><a href="#">注册</a></li>
					</ul>
					勤记录 懂分享
				</div>
				<div class="navbar-header">
					<h1 class="logo hvr-bounce-in">
						<a href="#" title="木庄网络博客">
							<img src="front-end/images/201610171329086541.png" alt="木庄网络博客">
						</a>
					</h1>
				</div>
				<div class="collapse navbar-collapse" id="header-navbar">
					<ul class="nav navbar-nav navbar-right">
						<li><a title="网站首页" href="index.html">网站首页</a></li>
						<li><a title="列表页" href="list.html">频道页</a></li>
						<li><a title="详细页" href="show.html">频道页</a></li>
						<li><a title="列表页" href="list.html">频道页</a></li>
						<li><a title="详细页" href="show.html">频道页</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
<section class="container">
<div class="content-wrap">
<div class="content">
	<#list articles as a>
		<article class="excerpt excerpt-1">
			<a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank" >
				<img class="thumb" src="http://192.168.112.141/images/1000.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: inline;">
			</a>
			<header>
				<a class="cat" href="#">${a.category.categoryName}<i></i></a>
				<h2>
					<a href="/article/get_detail?articleId=${a.articleId}" target="_blank">${a.title}</a>
				</h2>
			</header>
			<p class="meta">
				<time class="time"><i class="glyphicon glyphicon-time"></i> ${a.createDate?string("yyyy-MM-dd")}</time>
			</p>
			<p class="note">
				${a.content[0..150] + "..."}
			</p>
		</article>
	</#list>
  <nav class="pagination">
	<ul>
	  <li class="prev-page"></li>
	  <li class="active"><span>1</span></li>
	  <li><a href="?page=2">2</a></li>
	  <li class="next-page"><a href="?page=2">下一页</a></li>
	  <li><span>共 2 页</span></li>
	</ul>
  </nav>
</div>
</div>
<aside class="sidebar">
<div class="fixed">
  <div class="widget widget_search">
	<form class="navbar-form" action="/article/search" method="post">
	  <div class="input-group">
		<input type="text" name="keyword" value="${keyword}" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
		<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
	</form>
  </div>
  <div class="widget widget_sentence">
	<h3>热门搜索</h3>
	<div class="widget-sentence-content">
		<ul class="plinks ptags">                
			<li><a href="#list/67/" title="移动统计" draggable="false">移动统计 <span class="badge">1</span></a></li>                
			<li><a href="#list/256/" title="404" draggable="false">404 <span class="badge">1</span></a></li>      
			<li><a href="#list/252/" title="VS2010" draggable="false">VS2010 <span class="badge">1</span></a></li>                
			<li><a href="#list/162/" title="杀毒软件" draggable="false">杀毒软件 <span class="badge">1</span></a></li>                
			<li><a href="#list/133/" title="html标签" draggable="false">html标签 <span class="badge">1</span></a></li>                
			<li><a href="#list/49/" title="循环" draggable="false">循环 <span class="badge">2</span></a></li>                
			<li><a href="#list/22/" title="百度统计" draggable="false">百度统计 <span class="badge">2</span></a></li>                
			<li><a href="#list/132/" title="sql" draggable="false">sql <span class="badge">6</span></a></li>
		</ul>
	</div>
  </div>
</div>
<div class="widget widget_hot">
	  <h3>最新评论文章</h3>
	  <ul>
		
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="front-end/images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="front-end/images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="front-end/images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="front-end/images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
<li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#" ><span class="thumbnail">
<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
2016-11-01
</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>

	  </ul>
  </div>
</aside>
</section>
<footer class="footer">
	<div class="container">
		<p>Copyright &copy; 2016.Company name All rights reserved.</p>
	</div>
</footer>
<script src="front-end/js/bootstrap.min.js"></script>
<script src="front-end/js/jquery.ias.js"></script>
<script src="front-end/js/scripts.js"></script>
</body>
</html>
